<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" 
	trimDirectiveWhitespaces="true"%>
<%@ include file="taglib.jsp"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>::템플릿을 이용한 JSP프로젝트 v1::</title>

<%--semiprojectv1에서는 index.jsp가 webcontent아래에 있었음. 
	그런데, semiprojectv2에서 css는 webcontent아래에, 
	spv2b(index)는 template폴더 아래에 존재
	따라서, template폴더를 기준으로 상위 폴더로 올라가야 css폴더에 접근할 수 있으므로 '../'를 추가함.--%>
<link href="../css/normalize.css" rel="stylesheet" />
<link href="../css/jech913.css" rel="stylesheet" />

<style type="text/css">
/*1. 레이아웃 지정(구역 header, contents, footer 세 영역으로 나눈 후 각각 영역의 사이즈 지정)*/
/*화면 전체 레이아웃 설정 */
body {
	width: 970px;
	/* 블럭요소 일 때만 가운데정렬 됨*/
	margin: 0 auto;

	/* 	border: 1px solid red; */
}
/* 1. 스타일 초기 설정(공통 스타일) */
body {
	font-family: "나눔바른고딕";
}

ul {
	list-style-type: none;
}

/*1-1. 링크설정 */
a:link {
	color: black;
	text-decoration: none;
}
/*1-1-1.클릭한 링크 설정*/
a:visited {
	color: black;
	text-decoration: none;
}
/*1-1-2.롤 오버 링크 설정*/
a:hover {
	color: red;
	text-decoration: underline;
}
/*1-1-3.클릭 중 링크 설정 */
a:active {
	text-decoration: underline;
}
/* 1-2.수평선 태그 설정*/
.hr {
	border: 1px solid black;
	/*float속성제거*/
	clear: both;
}
/* 1-3.이미지 설정*/
/*이미지콘텐츠영역 클래스 이름: centerme, 가운데 정렬*/
.centerme {
	margin: 0 auto;
	display: block;
}
/*1-4. 저작권 정렬 */
.copy {
	text-align: center;
	margin: 15px 0;
}

/* 2. 컨텐츠 영역 지정 */
header {
	/*일반적인 사이트 120~ 150*/
	height: 125px;
	/* border: 1px solid blue; */
}

#contents {
	/*내용이 있던 없던 최소 사이즈 지정 */
	min-height: 550px;
}

footer {
	height: 100px;
	/* border: 1px solid gold; */
}

/* 3. 상단 메뉴 영역*/
#nav {
	padding-bottom: 10px;
}

#nav li {
	/* 배치 방향 변경 */
	float: left;
	/* li에 바깥여백 지정*/
	margin-left: 100px;
}

</style>
</head>
<body>
	<!-- 헤더 -->
	<%@include file="header.jsp" %>
	<!-- 헤더 끝-->
	<!-- 콘텐츠영역(템플릿을 이용한) -->
	<!-- uri중 질의 문자열 do매개변수를 통해 메인영역에 보여질 jsp페이지를 동적으로 선택 -->
	<%-- <c:set var="job">index</c:set> 
	<c:if test="${not empty param.job}">
		<c:set var="job" value="${param.job}" />
	</c:if>  --%>
	<%--파일럿에서 본 것 처럼 semiprojectv2b를 실행하려면 template/spv2b.jsp만 호출하면 되는데 
		이런경우, job 매개변수 유무 검사 코드를 작성해야 하고 
		template 폴더의 위치가 외부에 노출되는 문제가 발생  
		따라서, job매개변수 유무 검사코드를 빼고 불필요하게 template폴더도 외부에 노출되지 않도록
		semiprojectv2b를 실행방식을 바꿈 
		즉, index.html에 refresh meta태그를 이용해서 언제나 semiprojectv2b의 index가 호출되도록 재 설정함--%>
	<jsp:include page="../${param.job}.jsp" />
	<!-- 콘텐츠영역 끝-->
	<!-- 푸터 영역 시작 -->
	<%@include file="footer.jsp" %>
	<!-- 푸터 영역 끝 -->




	<script src="../js/jquery-1.11.1.min.js"></script>
	<script src="../js/jech913.js"></script>

</body>
</html>